<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set value="${pageContext.request.contextPath}" var="ctx" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户列表</title>
</head>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>

<!--<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">-->
<script src="js/bootstrap.js"></script>
<!--<link rel="stylesheet" href="css/gameStyle2.css" type="text/css">-->

<link href="assets/css/lib/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link href="assets/css/lib/themify-icons.css" rel="stylesheet"
	type="text/css">
<link href="assets/css/lib/owl.carousel.min.css" rel="stylesheet"
	type="text/css" />
<link href="assets/css/lib/owl.theme.default.min.css" rel="stylesheet"
	type="text/css" />
<link href="assets/css/lib/weather-icons.css" rel="stylesheet"
	type="text/css" />
<link href="assets/css/lib/mmc-chat.css" rel="stylesheet"
	type="text/css" />
<link href="assets/css/lib/sidebar.css" rel="stylesheet" type="text/css">
<link href="assets/css/lib/bootstrap.min.css" rel="stylesheet"
	type="text/css">
<link href="assets/css/lib/simdahs.css" rel="stylesheet" type="text/css">
<link href="assets/css/style.css" rel="stylesheet" type="text/css">

<title>添加商品</title>

<body>
	<script>
    var msg = '${msg}'
    if(msg!=''){
    	alert(msg)
    }
</script>



	<div
		class="sidebar sidebar-hide-to-small sidebar-shrink sidebar-gestures">
		<div class="nano">
			<div class="nano-content">
				<ul>
					<li class="label">主页</li>
					<li><a href="admin.jsp"><i class="ti-home"></i> 控制面板 </a></li>
					<li><a href="userList.html"><i class="ti-user"></i> 用户管理</a></li>
					<li><a href="gameList.jsp"><i class="ti-palette"></i>游戏管理</a></li>
					<li><a href="comments.html"><i class="ti-pencil-alt"></i>评论管理</a></li>
					<li class="active"><a href="findAllLibraryByPage"><i class="ti-user"></i> 用户游戏库管理</a></li>
                    <li ><a href="articleList.html"><i class="ti-book"></i> 文章管理</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="header">
		<div class="pull-left">
			<div class="logo" id="sideLogo">
				<a href="index.html"> <img class="full-logo"
					src="assets/images/logo-big.png" alt="SimDahs"> <img
					class="small-logo" src="assets/images/logo-small.png" alt="SimDahs">
				</a>
			</div>
			<div class="hamburger sidebar-toggle">
				<span class="ti-menu"></span>
			</div>
		</div>

		<div class="pull-right p-r-15">
			<ul>



				<li class="header-icon dib"><img class="avatar-img"
					src="assets/images/avatar/1.jpg" alt="" /> <span
					class="user-avatar">王德发 <i class="ti-angle-down f-s-10"></i></span>

				</li>
			</ul>
		</div>
	</div>

	<div class="container-fluid"
		style="width: 80%; margin: 0 auto 0 300px;">

		<div class="card-body" style="margin-top: 80px">
			<h1 id="h1" style="text-align: center">用户游戏库添加游戏</h1>
		 <a class='btn btn-warning btn-flat btn-addon m-b-10 m-l-5' href="showAddMessage"><i class='ti-palette'></i>增加游戏</a>
				<form class="form-horizontal" action="addGameInLibrary" method="post">
					<div class="form-group">
						<label for="uid" class="col-sm-2 control-label">UID</label>
						<div class="col-sm-10">
						<select class="form-control" name="uid" id="uid">
							<c:forEach items="${ulist}" var="u">
									<option value="${u.id }">ID: ${u.id }  姓名: ${u.name }  邮箱: ${u.email }</option>
								</c:forEach>
							</select>
						</div>
					</div>

					<div class="form-group">
						<label for="youxi" class="col-sm-2 control-label">游戏名</label>
						<div class="col-sm-10">
							<select class="form-control" name="gid" id="youxi">
								<c:forEach items="${glist}" var="g">
									<option value="${g.id }">ID: ${g.id } 游戏名: ${g.name }</option>
								</c:forEach>
							</select>
						</div>
					</div>

					<div class="form-group">
						<div class="col-sm-offset-6 col-sm-10">
							<button type="submit" class="btn btn-success">添加</button>
						</div>
					</div>
				</form>
	

		</div>
		<div style="width: 200px; margin: 20px auto;"></div>
	</div>



</body>

<script type="text/javascript" src="assets/js/lib/jquery.min.js"></script>
<!-- jquery vendor -->
<script type="text/javascript"
	src="assets/js/lib/jquery.nanoscroller.min.js"></script>
<!-- nano scroller -->
<script type="text/javascript" src="assets/js/lib/sidebar.js"></script>
<!-- sidebar -->
<script type="text/javascript" src="assets/js/lib/bootstrap.min.js"></script>
<!-- bootstrap -->
<script type="text/javascript" src="assets/js/lib/mmc-common.js"></script>
<script type="text/javascript" src="assets/js/lib/mmc-chat.js"></script>
<!--  Chart js -->
<script type="text/javascript"
	src="assets/js/lib/chart-js/Chart.bundle.js"></script>
<script type="text/javascript"
	src="assets/js/lib/chart-js/chartjs-init.js"></script>
<!-- // Chart js -->


<script src="assets/js/lib/sparklinechart/jquery.sparkline.min.js"></script>
<!-- scripit init-->
<script src="assets/js/lib/sparklinechart/sparkline.init.js"></script>
<!-- scripit init-->

<!--  Datamap -->
<script src="assets/js/lib/datamap/d3.min.js"></script>
<script src="assets/js/lib/datamap/topojson.js"></script>
<script src="assets/js/lib/datamap/datamaps.world.min.js"></script>
<script src="assets/js/lib/datamap/datamap-init.js"></script>
<!-- // Datamap -->
<script src="assets/js/lib/weather/jquery.simpleWeather.min.js"></script>
<script src="assets/js/lib/weather/weather-init.js"></script>
<script src="assets/js/lib/owl-carousel/owl.carousel.min.js"></script>
<script src="assets/js/lib/owl-carousel/owl.carousel-init.js"></script>
<script src="assets/js/scripts.js"></script>
</html>